/* 全局样式 */
.root {
    -fx-font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
    -fx-font-size: 14px;
    -fx-background-color: #f8f9fa;
}

/* 主容器 */
.main-container {
    -fx-background-color: #ffffff;
}

/* 标题栏 */
.title-bar {
    -fx-background-color: #2c3e50;
    -fx-padding: 15 20;
    -fx-alignment: center-left;
}

.title-label {
    -fx-text-fill: #ffffff;
    -fx-font-size: 20px;
    -fx-font-weight: bold;
}

.subtitle-label {
    -fx-text-fill: #bdc3c7;
    -fx-font-size: 14px;
}

/* 主要内容区域 */
.main-content {
    -fx-spacing: 0;
}

/* 导航面板 */
.navigation-panel {
    -fx-background-color: #34495e;
    -fx-padding: 20;
    -fx-pref-width: 200;
    -fx-spacing: 10;
}

.nav-header {
    -fx-text-fill: #ecf0f1;
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-padding: 0 0 10 0;
}

.nav-button {
    -fx-background-color: transparent;
    -fx-text-fill: #bdc3c7;
    -fx-border-color: transparent;
    -fx-border-width: 0;
    -fx-padding: 12 15;
    -fx-alignment: center-left;
    -fx-font-size: 14px;
    -fx-cursor: hand;
}

.nav-button:hover {
    -fx-background-color: #2c3e50;
    -fx-text-fill: #ffffff;
}

.nav-button:pressed {
    -fx-background-color: #3498db;
    -fx-text-fill: #ffffff;
}

.nav-button-secondary {
    -fx-background-color: transparent;
    -fx-text-fill: #95a5a6;
    -fx-border-color: transparent;
    -fx-border-width: 0;
    -fx-padding: 8 15;
    -fx-alignment: center-left;
    -fx-font-size: 12px;
    -fx-cursor: hand;
}

.nav-button-secondary:hover {
    -fx-background-color: #2c3e50;
    -fx-text-fill: #bdc3c7;
}

/* 内容区域 */
.content-area {
    -fx-background-color: #ffffff;
    -fx-padding: 30;
}

/* 欢迎面板 */
.welcome-panel {
    -fx-alignment: center;
    -fx-spacing: 30;
}

.welcome-title {
    -fx-font-size: 28px;
    -fx-font-weight: bold;
    -fx-text-fill: #2c3e50;
}

.welcome-subtitle {
    -fx-font-size: 16px;
    -fx-text-fill: #7f8c8d;
}

/* 功能卡片 */
.feature-card {
    -fx-background-color: #ffffff;
    -fx-border-color: #e9ecef;
    -fx-border-width: 1;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-padding: 20;
    -fx-pref-width: 150;
    -fx-pref-height: 120;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 10, 0, 0, 2);
}

.feature-card:hover {
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 15, 0, 0, 4);
    -fx-border-color: #3498db;
}

.feature-icon {
    -fx-font-size: 32px;
}

.feature-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #2c3e50;
}

.feature-desc {
    -fx-font-size: 12px;
    -fx-text-fill: #7f8c8d;
    -fx-text-alignment: center;
}

/* 状态栏 */
.status-bar {
    -fx-background-color: #ecf0f1;
    -fx-border-color: #bdc3c7;
    -fx-border-width: 1 0 0 0;
    -fx-padding: 8 15;
}

.status-bar Label {
    -fx-text-fill: #7f8c8d;
    -fx-font-size: 12px;
}

/* 通用按钮样式 */
.button {
    -fx-background-color: #3498db;
    -fx-text-fill: #ffffff;
    -fx-border-color: transparent;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-padding: 8 16;
    -fx-font-size: 14px;
    -fx-cursor: hand;
}

.button:hover {
    -fx-background-color: #2980b9;
}

.button:pressed {
    -fx-background-color: #21618c;
}

.button.secondary {
    -fx-background-color: #95a5a6;
}

.button.secondary:hover {
    -fx-background-color: #7f8c8d;
}

.button.danger {
    -fx-background-color: #e74c3c;
}

.button.danger:hover {
    -fx-background-color: #c0392b;
}

/* 输入框样式 */
.text-field, .text-area {
    -fx-background-color: #ffffff;
    -fx-border-color: #bdc3c7;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-padding: 8 12;
}

.text-field:focused, .text-area:focused {
    -fx-border-color: #3498db;
    -fx-effect: dropshadow(gaussian, rgba(52,152,219,0.3), 5, 0, 0, 0);
}

/* 表格样式 */
.table-view {
    -fx-background-color: #ffffff;
    -fx-border-color: #bdc3c7;
    -fx-border-width: 1;
    -fx-border-radius: 4;
}

.table-view .column-header {
    -fx-background-color: #ecf0f1;
    -fx-border-color: #bdc3c7;
    -fx-border-width: 0 1 1 0;
}

.table-view .column-header .label {
    -fx-text-fill: #2c3e50;
    -fx-font-weight: bold;
}

.table-row-cell {
    -fx-background-color: #ffffff;
    -fx-border-color: #f8f9fa;
    -fx-border-width: 0 0 1 0;
}

.table-row-cell:odd {
    -fx-background-color: #f8f9fa;
}

.table-row-cell:selected {
    -fx-background-color: #3498db;
    -fx-text-fill: #ffffff;
}

/* 标签页样式 */
.tab-pane {
    -fx-background-color: #ffffff;
}

.tab-header-background {
    -fx-background-color: #ecf0f1;
}

.tab {
    -fx-background-color: #bdc3c7;
    -fx-background-radius: 4 4 0 0;
}

.tab:selected {
    -fx-background-color: #ffffff;
}

.tab-label {
    -fx-text-fill: #2c3e50;
    -fx-font-weight: bold;
}

/* 滚动条样式 */
.scroll-bar {
    -fx-background-color: #ecf0f1;
}

.scroll-bar .thumb {
    -fx-background-color: #bdc3c7;
    -fx-background-radius: 4;
}

.scroll-bar .thumb:hover {
    -fx-background-color: #95a5a6;
}

/* 分隔线样式 */
.separator {
    -fx-background-color: #bdc3c7;
}

/* 工具提示样式 */
.tooltip {
    -fx-background-color: #2c3e50;
    -fx-text-fill: #ffffff;
    -fx-border-color: #34495e;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-padding: 8 12;
}
